<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/view/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>${appname}-<c:if test="${!empty sessionScope._local_node_session}">${sessionScope._local_node_session.nodeName}-</c:if>${si:ctname("NET_TYPE",sessionScope._netType)}</title>
<%@ include file="/WEB-INF/view/common/css_js_ace.jsp"%>
<script type="text/javascript">
$(function(){
	$('.tipMe').tooltip({'placement':'top'});
});
function search(form) {
	$(form).appendPagerParaStr();
	return true;
}
function changeTab(str){
	if(str=='history'){
		 window.location="${ctx}/monitor/carved_discs_history_list.do";
	}else if(str=='upload'){
		window.location="${ctx}/monitor/carved_discs_upload_list.do";
	}else{
		window.location="${ctx}/monitor/carved_discs_manage_list.do";
	}
 
}

</script>
</head>
<body>
<%@ include file="/WEB-INF/view/common/topbar.jsp"%>
<div class="main-container" id="main-container">
	<div class="main-container-inner">
		<%@ include file="/WEB-INF/view/common/sidebar.jsp"%>
		<div class="main-content">
			<div class="breadcrumbs" id="breadcrumbs">
				<ul class="breadcrumb">
					<li>
						<i class="icon-home home-icon"></i>
						<a href="javascript:void(0);">首页</a>
					</li>
					<li>
						<a href="javascript:void(0);">数据交换监控</a>
					</li>
					<li>
						<a href="javascript:void(0);">内外网数据监控</a>
					</li>
					<li>
						<a href="javascript:void(0);">刻盘管理</a>
					</li>
					<li class="active">刻盘历史</li>
				</ul>
			</div>

			<div class="page-content">
				<div class="row">
					<div class="col-xs-12">
						 <div class="tabbable">
							<ul class="nav nav-tabs" id="myTab">
									<li>
										<a data-toggle="tab" href="#home" onclick="changeTab('download')">
											<i class="icon-cloud-download bigger-110"></i>
											刻盘管理
										</a>
									</li>
									<li class="active">
										<a data-toggle="tab" href="#" onclick="changeTab('history')">
										  <i class="green icon-cloud bigger-110"></i>
											刻盘历史
										</a>
									</li>
									<li>
										<a data-toggle="tab" href="#" onclick="changeTab('upload')">
										  <i class="icon-cloud-upload bigger-110"></i>
											上传管理
										</a>
									</li>
								</ul>
						<div class="tab-content">
						<div class="widget-box">
							<div class="widget-header header-color-white">
							<a class="right"></a>
								<div class="widget-toolbar no-border">
								   <a href="#" data-action="collapse">
										<i class="icon-chevron-up"></i>
									</a>
								</div>
							</div>

							<div class="widget-body">
								<div class="widget-main">
									<form id="searchForm" class="form-search" action="${ctx}/monitor/carved_discs_history_list.do" method="post"  onsubmit="return search(this)">
										<div class="row mg-top12">
											<div class="col-xs-4">
												<div class="input-group">
													<span class="input-group-addon">开始时间</span>
													<span class="input-icon input-icon-right width-100">
													<input type="text" class="input-cal"   id="startCreated" name="startCreated" value="${param.startCreated}" 
														onfocus="WdatePicker({onpicked:function(){endCreated.focus();},dateFmt:'yyyy-MM-dd HH:mm:ss',isShowWeek:true,maxDate:'#F{$dp.$D(\'endCreated\');}'})"
														style=""/>
													<i class="icon-calendar blue pointer" onclick="javascript:$('#startCreated').focus();"></i>
													</span>
												</div>
											</div>
											<div class="col-xs-4">
												<div class="input-group">
													<span class="input-group-addon">结束时间</span>
													<span class="input-icon input-icon-right width-100">
													<input type="text" class="input-cal" id="endCreated" name="endCreated" value="${param.endCreated}" 
														onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowWeek:true, minDate:'#F{$dp.$D(\'startCreated\');}'})"/>
													<i class="icon-calendar blue pointer" onclick="javascript:$('#endCreated').focus();"></i>
													</span>
												</div>
											</div>
											<div class="col-xs-4">
												<div class="input-group">
													<span class="input-group-btn">
														<button type="submit" class="btn btn-purple btn-sm">
															<i class="icon-search icon-on-right bigger-110"></i>
															搜索
														</button>&nbsp;&nbsp;
														<a href="${ctx}/monitor/carved_discs_history_list.do" class="btn btn-purple btn-sm">
															<i class="icon-refresh icon-on-right bigger-110"></i>
															清空
														</a>
													</span>
												</div>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
						
						<div class="hr hr12 hr-dotted"></div>
						<div class="table-responsive">
							<table id="sample-table-1" class="table table-striped table-bordered table-hover">
								<thead>
									<tr>
										<!-- <th class="center">
											<label>
											<input type="checkbox" class="ace" id="checkedAll"/>
											<span class="lbl"></span>
											</label>
										</th> -->
										<th style="white-space: nowrap;">序号</th>
										<th style="white-space: nowrap;">文件名称</th>
										<th style="white-space: nowrap;">文件总大小</th>
										<th style="white-space: nowrap;">刻盘时间</th>
										<th style="white-space: nowrap;">操作</th>
									</tr>
								</thead>

								<tbody>
									<c:forEach var="vo" items="${_data}" varStatus="sta">
									<tr id="msg_${vo.id}"> 
										<%-- <td class="center">
											<label>
											<c:if test="${vo.sendStatus == '0' || vo.sendStatus == '1' || vo.sendStatus == '3'}">
											<input type="checkbox" class="ace" value="${vo.id}"/>
											</c:if>
											<span class="lbl"></span>
											</label>
										</td> --%>
										 <td class="center">
									       ${sta.count}
									    </td>
									    <td>
									      ${vo.carvedName }             
									    </td>
									    <td>  ${si:formatByte(vo.carvedSize)}</td>
									    <td>
									      ${si:fmtDate(vo.created)}             
									    </td>
										<td>
										  <a href="${ctx}/monitor/carved_discs_history_get/${vo.id}.do">文件详情</a>
										</td>
									</tr>
									</c:forEach>
								</tbody>
							</table>
							<jsp:include page="/WEB-INF/view/common/pg.jsp">
								<jsp:param value="${ctx}/monitor/carved_discs_history_list.do" name="url"/>
								<jsp:param value="${_total}" name="total"/>
								<jsp:param value="${_urlpara}" name="urlpara" />
							</jsp:include>
						</div>
					 </div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
</div>
</body>
</html>
